<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>海睿前端考核</title>
    <link rel="stylesheet" href="test.css">
</head>

<body>
    <div class="box1">
        <div class="banner1 tie question1">
            <a class="mask" target="_blank" href="https://www.gdou.edu.cn/">
                <div class="logo"></div>
            </a>
        </div>
        <div class="banner5 tie question3">
            <a class="mask" target="_blank" href="https://https://baike.baidu.com/">
                <div class="logo1"></div>
            </a>
        </div>
        <div class="banner2 tie question2">
            <a class="mask" target="_blank" href="https://basyc.gitee.io/clock/">
                <div class="logo1"></div>
            </a>
        </div>
    </div>

    <div class="box2">
        <div class="banner3 tie">
            <div class="welcome">
                <p class="title">欢迎参加</p>
            </div>
            <p class="name">海睿前端考核</p>
        </div>
        <div class="banner4 tie">
            <div class="welcome down">
                <p class="title">考核要求</p>
                <div class="need">
                    <p>
                        1. 在做考核过程中，如果遇到不懂的问题或不会的知识点，可以上网搜索，很多时候，我们学的东西不足以去完成，学会搜索资源是很重要的技能，但绝对不能抄袭，一经发现，取消考核资格，要自己独立完成
                    </p>
                    <p>2. 不要觉得自己做的没那么好看而失去信心，我们主要看你主要用到的技术点</p>
                    <p> 3. 尽可能去完成，即使没做完也可以上交作品，只要不是白卷就有分数，你永远无法预知结果，坚持和态度会给你带来好运</p>
                </div>
            </div>
        </div>
    </div>
    <div class="slidep">
        <div class="slidebox">
            <p>海睿前端考核</p>
            <p>海睿前端考核</p>
            <p>海睿前端考核</p>
            <p>海睿前端考核</p>
            <p>海睿前端考核</p>
            <p>海睿前端考核</p>
            <p>海睿前端考核</p>
            <p>海睿前端考核</p>
            <p>海睿前端考核</p>
        </div>
    </div>

</body>

</html>